<template>
  <div>
    <h1>这是父组件的消息</h1>
    <hr/>
    <!-- 子组件的名字作为标签名，用v-bind链接需要传递的数据 -->
     <!-- 接收子组件传递来的消息：parentMessage，使用v-on绑定 监听子组件触发的事件-->
    <child :message="parentMessage" @message-sent="handleMessage"></child>
  </div>
</template>

<script setup>
// 将子组件通过import引入
import child from './child.vue';

const parentMessage = '来自父组件的消息';

function handleMessage(message) {
  console.log(message);
}
</script>